<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- 若您需要使用Kendo UI Professional，请联系版权人获得合法的授权或许可。 -->
    <!-- Bootstrap css -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <!-- kendo ui css -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.common.min.css" rel="stylesheet">
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.default.min.css" rel="stylesheet">
    <!-- font-awesome -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/fontawesome/css/font-awesome.css" rel="stylesheet">
    <!--蓝鲸提供的公用样式库 -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css/bk.css" rel="stylesheet">
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css/bk_pack.css" rel="stylesheet">
    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/echarts-2.0/echarts-all.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/bootstrap-3.3.4/js/bootstrap.min.js"></script>
    <!-- 包括所有kendoui的js插件或者可以根据需要使用的js插件调用　-->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/kendoui-2015.2.624/js/kendo.all.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/echarts-2.0/echarts-all.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/bk/js/bk.js"></script>
    <!-- 数据埋点统计 -->
    <script src="http://magicbox.bk.tencent.com/static_api/analysis.js"></script>
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]><script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/html5shiv.min.js"></script><script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/respond.min.js"></script><![endif]-->
</head>

<body class="bg-white" data-bg-color="bg-white">
    <div class="king-page-box">
        <div class="king-layout1-header">
            <div class="panel mb0 panel-profile">
                <div class="panel-heading bg-danger clearfix">
                    <a href="" class="pull-left profile">
                        <img alt="" src="https://magicbox.bk.tencent.com/static_api/v3/components/widget4/images/avatar.png" class="img-circle img80_80"> </a>
                    <h3>admin</h3>
                    <p>超级管理员</p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item">
                        <span class="badge">14</span> <i class="fa fa-envelope-o"></i> 新增邮件 </li>
                    <li class="list-group-item">
                        <span class="badge badge-warning">2</span> <i class="fa fa-comments-o"></i> 未读消息 </li>
                    <li class="list-group-item">
                        <span class="badge badge-info">1</span> <i class="fa fa-heart-o"></i> 错误消息 </li>
                    <li class="list-group-item">
                        <span class="badge badge-success">3</span> <i class="fa fa-folder-open-o"></i> 告警消息 </li>
                </ul>
            </div>
            <div class="panel mb0 panel-box  ">
                <div class="list-justified-container">
                    <ul class="list-justified text-center">
                        <li>
                            <p class="f24">679</p>
                            <p>粉丝</p>
                        </li>
                        <li>
                            <p class="f24">575</p>
                            <p>微博</p>
                        </li>
                        <li>
                            <p class="f24">23</p>
                            <p>关注</p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 设置面板Start -->
            <!-- 设置面板End -->
            <div class="king-instruction  king-instruction-info ">
                <h5>提示说明</h5>
                <p>您可以设置应用运行时的环境变量，在进行测试部署和正式部署操作时会生效</p>
            </div>
        </div>
        <div class="king-layout1-main clearfix">
            <!-- sidebar start -->
            <div class="king-layout1-sidebar" style="width:216px;"></div>
            <!-- sidebar end -->
            <!-- content start -->
            <div class="king-content-wrap">
                <div class="king-layout1-content" style="margin-left: 216px;">
                    <div class="king-step2">
                        <div class="king-process king-justified-process  king-process-success ">
                            <div class="process-done step-hasnext">填写信息</div>
                            <div class="process-did step-hasnext">分配业务</div>
                            <div class="process-did step-hasnext">选择主机</div>
                            <div class="process-did">完成安装</div>
                        </div>
                    </div>
                    <!-- 设置面板样式一Start -->
                    <!-- 设置面板样式一End -->
                </div>
            </div>
            <!-- content end -->
        </div>
    </div>
</body>

</html>